<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}
			
			#wrap {
				width: 900px;
				margin: 0 auto;
			}
			
			#nav {
				width: 900px;
				height: 100px;
			}
			
			#nav img {
				width: 200px;
				height: 100px;
			}
			
			#nav_left {
				width: 200px;
				height: 100px;
				float: left;
			}
			
			#nav_left img {
				width: 200px;
				height: 100px;
				margin-top: 1px;
			}
			
			#nav_right {
				width: 700px;
				height: 100px;
				display: inline-block;
			}
			
			.nav_s {
				font-size: 12px;
				color: black;
			}
			
			#nav_right .nav_s {
				margin-left: 10px;
			}
			
			#nav_select {
				width: 215px;
				height: 22px;
				float: right;
				margin-right: 10px;
				outline: none;
			}
			
			.gang {
				float: right;
				margin-top: 2px;
				margin-right: 14px;
				font-size: 10px;
				color: black;
				font-weight: bolder;
			}
			
			.sublink a {
				margin-top: 2px;
				text-decoration: none;
				font-size: 13px;
				color: darkgreen;
				float: right;
				font-weight: bolder;
			}
			
			#nav_top {
				width: 700px;
				height: 30px;
				margin-top: 5px;
			}
			
			#nav_bottom {
				width: 700px;
				height: 50px;
				position: relative;
			}
			
			#nav_bottom img {
				width: 700px;
				height: 35px;
			}
			
			#nav_li {
				width: 700px;
				float: left;
				position: absolute;
				left: 0;
				top: 5px;
			}
			
			#nav_li li {
				width: 100px;
				height: 30px;
				list-style: none;
				float: left;
				font-size: 14px;
				color: white;
				margin-left: 36px;
				margin-top: 3px;
			}
			
			#nav_li li:hover {
				color: yellow;
			}
			
			#drop_menu {
				position: absolute;
				left: 170px;
				top: 34px;
				display: none;
				z-index: 999999;
			}
			
			#drop_menu li {
				list-style: none;
				width: 200px;
				height: 35px;
				line-height: 35px;
				background: #0ca251;
				text-shadow: 1px 1px 1px #000;
				border: 1px solid lightgrey;
				border-top: 3px solid #349a48;
			}
			
			#drop_menu li a {
				text-decoration: none;
				color: white;
				font-size: 12px;
				margin-left: 5px;
				font-weight: bolder;
			}
			
			#drop_menu li a:hover {
				color: yellow;
			}
			
			#footer {
				width: 900px;
				height: 100px;
				position: relative;
				margin-top: 60px;
			}
			
			#footer li {
				list-style: none;
				float: left;
				margin-left: 5px;
			}
			
			#footer li a {
				text-decoration: none;
				color: forestgreen;
				font-size: 12px;
				font-weight: bolder;
			}
			
			.footer_p1 {
				position: absolute;
				left: 300px;
			}
			
			.footer_p2 {
				position: absolute;
				left: 300px;
				top: 24px;
			}
			
			.footer_p3 {
				width: 400px;
				height: 40px;
				position: absolute;
				left: -30px;
				top: 35px;
			}
			
			.footer_p3 .footer_s1 {
				text-align: center;
				font-size: 15px;
				color: black;
			}
			
			.footer_p3 .footer_s2 {
				font-size: 10px;
				position: absolute;
				left: 140px;
				top: 24px;
			}
			#middle {
				width: 900px;
				height: 620px;
				position: relative;
				overflow: hidden;
			}
			
			#middle_bottom {
				width: 900px;
				height: 100px;
				float: left;
				position: absolute;
				left: 0px;
				top: 500px;
			}
			
			#middle_bottom li {
				list-style: none;
				float: left;
				margin-top: 40px;
			}
			
			.middle_l_1 {
				float: left;
				width: 195px;
				height: 100px;
				background-image: url(img/box_0.jpg);
				background-size: 100% 100%;
			}
			
			.middle_l_1:hover {
				background-image: url(img/box_0_0.jpg);
				background-size: 100% 100%;
			}
			
			.middle_l_2 {
				width: 195px;
				height: 100px;
				float: left;
				margin-left: 15px;
				background-image: url(img/box_1.jpg);
				background-size: 100% 100%;
			}
			
			.middle_l_2:hover {
				background-image: url(img/box_1_0.jpg);
				background-size: 100% 100%;
			}
			
			.middle_l_3 {
				width: 195px;
				height: 100px;
				float: left;
				margin-left: 15px;
				background-image: url(img/box_2.jpg);
				background-size: 100% 100%;
			}
			
			.middle_l_3:hover {
				background-image: url(img/box_2_0.jpg);
				background-size: 100% 100%;
			}
			
			.middle_r_1 {
				width: 125px;
				height: 100px;
				margin-left: 25px;
				background-image: url(img/box_4.jpg);
				background-size: 100% 100%;
			}
			
			.middle_r_1:hover {
				background-image: url(img/box_4_0.jpg);
				background-size: 100% 100%;
			}
			
			.middle_r_2 {
				width: 125px;
				height: 100px;
				margin-left: 10px;
				background-image: url(img/box_3.jpg);
				background-size: 100% 100%;
			}
			
			.middle_r_2:hover {
				background-image: url(img/box_3_0.jpg);
				background-size: 100% 100%;
			}
			
			#weiixin {
				width: 250px;
				height: 250px;
			}
			
			.Erweima {
				width:250px;
				height:250px;
				position: absolute;
				left: 660px;
				top: 240px;
				z-index: 222;
				background-image: url(img/code.png);
				background-size: 100% 100%;
				display: none;
			}
			#middle_top{
				width: 900px;
                height: 240px;
			}
			#middle_top_top1{
				width: 900px;
                height: 240px;
			}
			#middle_top_img{
				width: 900px;
                height: 150px;
                background-image: url(img/加盟流程.png);
                background-size: 100% 100%;
			}
			.middle_top_p1{
				font-size: 13px;
				color:dimgrey;
				font-weight: bolder;
			}
			.middle_top_p2{
				font-size: 13px;
				color:dimgrey;
				font-weight: bolder;
			}
			#middle_top_bottom1{
				width: 900px;
				height: 285px;
			}
			.middle_top_top1_Li{
				width:900px;
				height:47px;
				line-height: 47px;
				color: grey;
				background-color:ghostwhite;
				list-style: none;
				float: left;
				font-size: 14px;
				font-weight: bolder;
				border: 1px solid gainsboro;
			}
		.title_small{
			font-size: 10px;
			color: black;
			font-weight: bolder;
		}
		 .middle_top_top1_ul{
			width: 900px;
			height: 60px;
		}
		.middle_top_top1_ul li{
			
		}
		.middle_top_top1_ul_p{
			font-size: 14px;
			color: black;
			font-weight: bolder;
			display: none;
		}
		</style>
	</head>
	<body>
		<div id="wrap"> 
		<!--首页导航区域-->
			<div id="nav">
				<div id="nav_left">
					<img src="img/logo.png" />
				</div>
				<div id="nav_right">
					<div id="nav_top">
						<span class="nav_s">中国</span>
						<span class="sublink"><a href="">进入全球官网</a></span>
						<span class="gang">|</span>
						<select name="" id="nav_select">
							<option value="" id="selectL">Select Language</option>
							<option value="" id="enSelect">English</option>
							<option value="" id="chSelect">Chinese</option>
						</select>
					</div>
					<div id="nav_bottom">
						<img src="img/绿条.png" />
						<ul id="nav_li">
							<li>新闻动态</li>
							<li id="drop_li">
								美食与营养
							</li>
							<li>加盟流程</li>
							<li>关于我们</li>
							<li>快餐店位置查询</li>
						</ul>
						<!--全效果下拉菜单-->
						<ul id="drop_menu">
							<li>
								<a href="http://www.subway.com.cn/menu.aspx?d=001" onclick="return checklink(&#39;001&#39;)">超值 Value</a>
							</li>
							<li>
								<a href="http://www.subway.com.cn/menu.aspx?d=002" onclick="return checklink(&#39;002&#39;)">经典 Classics</a>
							</li>
							<li>
								<a href="http://www.subway.com.cn/menu.aspx?d=003" onclick="return checklink(&#39;003&#39;)">精选 Premium</a>
							</li>
							<li>
								<a href="http://www.subway.com.cn/menu.aspx?d=004" onclick="return checklink(&#39;004&#39;)">低脂 Low Fat</a>
							</li>
							<li>
								<a href="http://www.subway.com.cn/menu.aspx?d=005" onclick="return checklink(&#39;005&#39;)">百味卷 Wrap</a>
							</li>
							<li>
								<a href="http://www.subway.com.cn/menu.aspx?d=006" onclick="return checklink(&#39;006&#39;)">沙拉 Salad</a>
							</li>
							<li>
								<a href="http://www.subway.com.cn/menu.aspx?d=007" onclick="return checklink(&#39;007&#39;)">聚餐服务 Catering</a>
							</li>
							<li>
								<a href="http://www.subway.com.cn/menu.aspx?d=008" onclick="return checklink(&#39;008&#39;)">饮料和小食 Drinks &amp; Sides</a>
							</li>
							<li>
								<a href="http://www.subway.com.cn/menu.aspx?d=009" onclick="return checklink(&#39;009&#39;)">早餐 BREAKFAST</a>
							</li>
							<li>
								<a href="http://www.subway.com.cn/menu.aspx?d=010" onclick="return checklink(&#39;010&#39;)">营养 Nutrition</a>
							</li>
							<li>
								<a href="http://www.subway.com.cn/menu.aspx?d=011" onclick="return checklink(&#39;011&#39;)">如何点餐 How To Order</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
	   <!--中部区域-->
	   <div id="middle">
	   	  <div id="middle_top">
	   	  <div id="middle_top_top1">
	   	  		<div id="middle_top_img"></div>
	   	  	     <p class="middle_top_p1">在 SUBWAY® 赛百味家庭，我们以能够为您提供特别的加盟商机而自豪。我们努力为加盟商能够成功地运营当地分店提供工具和资料，并鼓励加盟商学习能够同时开办和运营多家分店的技巧。在过去的 22 年内，SUBWAY® 赛百味快餐店曾被 《企业家》杂志 16 次评为最佳加盟商机。能创造这样的记录非常困难，而且加盟商会因为投资世界最大的潜水艇三明治连锁机构而受益。SUBWAY®快餐店为顾客提供卫生、美味和快捷的食物代替脂肪量高的油腻快餐，并为加盟商提供更多便利。SUBWAY® 赛百味快餐店的成功理念是：只需少量投资和很少场地的小店加盟。</p>
	   	  	  <p class="middle_top_p2">SUBWAY® 赛百味快餐店的成功理念是：只需少量投资和很少场地的小店加盟。</p>
	   	  	</div>
	   	  <ul id="middle_top_bottom1">
	   	  	  <li class="middle_top_top1_Li">
	   	  	  	<div id="title_small">
	   	  	  		<span>理想的加盟商</span><a href="" class="jiantou"></a>
	   	  	  	</div>
	   	  	  	<ul class="middle_top_top1_ul">
	   	  	  		<li><p class="middle_top_top1_ul_p">流利的普通话沟通能力（听说读写)</p></li>
	   	  	  		<li><p class="middle_top_top1_ul_p">百分之百投入赛百味®餐厅的经营</p></li>
	   	  	  		<li><p class="middle_top_top1_ul_p">目前居住在申请加盟的区域，并且已经在该区域居住至少三年（需相关证明资料）</p></li>
	   	  	  		<li><p class="middle_top_top1_ul_p">每年至少有320天是在该区域内生活（需相关证明资料）</p></li>
	   	  	  		<li><p class="middle_top_top1_ul_p">以个人名义申请，并非公司组织</p></li>
	   	  	  		<li><p class="middle_top_top1_ul_p">个人名下存款至少80万人民币</p></li>
	   	  	  		<li><p class="middle_top_top1_ul_p">一定的餐饮管理经验</p></li>
	   	  	  		<li><p class="middle_top_top1_ul_p">完全遵守赛百味®的经营操作标准以及指示说明</p></li>
	   	  	  		<li><p class="middle_top_top1_ul_p">＊如您有意向后期发展成为区域代理，则需有流利的英语听说读写的能力。</p></li>
	   	  	  	</ul>
	   	  	  </li>
	   	  	  <li class="middle_top_top1_Li"><span>申请流程</span></li>
	   	  	  <li class="middle_top_top1_Li"><span>加盟费用</span></li>
	   	  	  <li class="middle_top_top1_Li"><span>联系加盟</span></li>
	   	  	  <li class="middle_top_top1_Li"><span>选址要求</span></li>
	   	  	  <li class="middle_top_top1_Li"><span>常见问题</span></li>
	   	  </ul>
	   	  
	   	  </div>
	   	  	<ul id="middle_bottom">
					<li class="middle_l_1">
						<a href="http://www.subway.com.cn/position.aspx"></a>
					</li>
					<li class="middle_l_2">
						<a href="http://www.subway.com.cn/menu.aspx?d=011"></a>
					</li>
					<li class="middle_l_3">
						<a href="http://www.subway.com.cn/news.aspx?t=1"></a>
					</li>
					<li class="middle_r_1">
						<a href="http://weibo.com/login.php"></a>
					</li>
					<li class="middle_r_2"></li>
				</ul>
		   	<div id="weixin">
					<div class="Erweima">
					</div>
				</div>
	   </div>
	   <!--首页底部区域-->
			<ul id="footer">
				<div class="footer_p1">
					<li>
						<a href="">主页</a>
					</li>
					<li>
						<a href="">|</a>
					</li>
					<li>
						<a href="">菜单/营养</a>
					</li>
					<li>
						<a href="">|</a>
					</li>
					<li>
						<a href="">如何加盟</a>
					</li>
					<li>
						<a href="">|</a>
					</li>
					<li>
						<a href="">关于我们</a>
					</li>
					<li>
						<a href="">|</a>
					</li>
					<li>
						<a href="">快餐店位置查询</a>
					</li>
				</div>
				<div class="footer_p2">
					<li>
						<a href="">联系我们</a>
					</li>
					<li>
						<a href="">|</a>
					</li>
					<li>
						<a href="">使用权限</a>
					</li>
					<li>
						<a href="">|</a>
					</li>
					<li>
						<a href="">隐私权政策</a>
					</li>
					<li>
						<a href="">|</a>
					</li>
					<li>
						<a href="">SUBWAY Partners™</a>
					</li>
					<div>
						<div class="footer_p3">
							<span class="footer_s1">SUBWAY® is a Registered Trademark of Subway IP Inc.</span>
							<span class="footer_s2">®2016 Subway IP Inc.</span>
						</div>
			</ul>
		</div>
	</body>
	<script>
		var drop_li = document.getElementById("drop_li");
		var dropMenu = document.getElementById("drop_menu");
		var dropMenuLi = document.querySelectorAll("#drop_menu>li");
		var middle_r_2 = document.getElementsByClassName("middle_r_2")[0];
		var ErweimaDiv = document.getElementsByClassName("Erweima")[0];
		//下拉菜单
		drop_li.onmouseover = function(){
			dropMenu.style.display= "block";
		}
		drop_li.onmouseout = function(){
			dropMenu.style.display = "none";
		}
		dropMenu.onmouseover = function(){
			dropMenu.style.display = "block";
		}
		dropMenu.onmouseout = function(){
			dropMenu.style.display = "none";
		}
		//二维码
		middle_r_2.onmouseover = function(){
			ErweimaDiv.style.display = "block";
		}
		middle_r_2.onmouseout = function(){
			ErweimaDiv.style.display = "none";
		}
		
		//下拉菜单
		var middle_top_top1_Li = document.getElementsByClassName("middle_top_top1_Li")[0];
		var middle_top_top1_ul_pArr = document.getElementsByClassName("middle_top_top1_ul_p");
		
		middle_top_top1_Li.onclick = function(){
			for(var i = 0; i <  middle_top_top1_ul_pArr.length;i++){
				middle_top_top1_ul_pArr[i].style.display = "block";
			}
		}
	</script>
</html>
